@import '../../css/base.scss';
body {
    background: #f9f9f9;
}
.icon-point {
    position: absolute;
    display: block;
    right: p2rm(20);
    top: 50%;
    margin-top: p2rm(-15);
    width: p2rm(30);
    height: p2rm(30);
    background: url() no-repeat center;
    background-size: p2rm(12) p2rm(20);
}
.ord-address {
    position: relative;
    height: p2rm(169);
    background: #fff;
    .icon-loc {
        position: absolute;
        display: block;
        left: p2rm(30);
        top: 50%;
        margin-top: p2rm(-16);
        width: p2rm(25);
        height: p2rm(32);
        background: url(../../css/i/icon-loc.png) no-repeat center;
        background-size: 100% auto;
    }
    .ord-addr-unfilled, .ord-addr-filled {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 0 p2rm(66);
        font-size: p2rm(28);
    }
    .ord-addr-filled {
        .ord-person {
            padding-top: p2rm(5);
        }
        .addr-info-name, .addr-info-phone {
            display: inline-block;
            font-size: p2rm(32);
        }
        .addr-info-phone {
            margin-left: p2rm(30);
        }
        .addr-info-addr {
            display: block;
            padding-top: p2rm(10); 
            font-size: p2rm(24);
            line-height: p2rm(34);
            color: #666;
        }
    }
}

.ord-box {
    margin-top: p2rm(20);
    background: #fff;
}
.ord-items {
    display: flex;
    padding: p2rm(17) p2rm(30);
    overflow-y: auto;
    .ord-img {
        display: flex;
        align-items: flex-end;
        margin-right: p2rm(20);
        img {
            width: p2rm(120);
            height: p2rm(120);
            background: #eee;
        }
        span {
            margin-left: p2rm(15);
            font-size: p2rm(24);
        }
    }
}
.ord-time {
    padding-left: p2rm(30);
    height: p2rm(50);
    line-height: p2rm(40);
    font-size: p2rm(24);
    &>*:first-child {
        margin-right: p2rm(30);
    }
}
.ord-deco-item {
    .od-item {
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-left: p2rm(30);
        padding-right: p2rm(56);
        height: p2rm(100);
        line-height: p2rm(100);
        border-top: solid 1px #e5e5e5;
        .od-name {
            font-size: p2rm(28);
        }
        .od-promot {
            font-size: p2rm(24);
        }
    }
}
.ord-follows {
    padding: p2rm(30);
    .ord-fw-item {
        display: flex;
        justify-content: space-between;
        font-size: p2rm(28);
        height: p2rm(50);
        line-height: p2rm(50);
    }
}
.ord-op {
    position: relative;
    .btn-ord-pay {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: p2rm(210);
        background-color: #ffd214;
        font-size: p2rm(32);
    }
    .ord-total-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 100%;
        border-top: solid 1px #e5e5e5;
        background-color: #fff;
    }
    .ord-total {
        margin-right: p2rm(265);
        font-size: p2rm(28);
        color: #666;
    }
}